<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML元素学习</title>
    <base target="_blank">
    <!-- 设定连接的默认打开方式 -->
</head>

<body>
    <h1>HTML元素练习</h1>
    <p><a href="../index.html">返回首页</a></p>
    <nav>
        <h2>Navigation</h2>
        <ul>
            <li><a href="intro.md">Index of all article</a></li>
            <li><a href="today.html">Things sheeple need to wake up for today</a></li>
            <li><a href="successes.html">Sheeple we have managed to wake</a></li>
        </ul>
    </nav>
    <main>
        这里的内容可以被浏览器显示出来，还可以被实时显示。
        <p>
            <a href="http://www.baidu.com">baidu </a>
        </p>
        <!-- article 元素用来组织一个完整的信息模块，比如说一个论坛的帖子-->
        <article>
            <header>
                <h2>文章标题</h2>
                <p>发表时间 评论数</p>
            </header>
            <p>内容段落</p>
            <p>内容段落</p>
            <p>内容段落</p>
        </article>
        <hr>

        <pre>
单车欲问边，属国过居延。

征蓬出汉塞，归雁入胡天。 

大漠孤烟直，长河落日圆。 

萧关逢候骑，都护在燕然。
    </pre>

        <ol>
            <li>打开冰箱</li>
            <li>把大象放进去</li>
            <li>关上冰箱</li>
        </ol>
        <ul>
            <li>声卡</li>
            <li>内存条</li>
            <li>鼠标垫</li>
        </ul>
        <dl>
            <dt>作者</dt>
            <dd>Adam</dd>
            <dd>Cui</dd>
            <dt>编辑</dt>
            <dd>Fang</dd>
        </dl>
        <figure>
            <img src="https://image.baidu.com/search/redirect?tn=redirect&word=j&juid=1D2031&sign=ckwegkkoak&url=http%3A%2F%2Fm.chuanlian56.com%2F%25E8%25A1%25A8%25E6%2583%2585%25E5%258C%2585%2520%25E5%25BE%25AE%25E4%25BF%25A1%25E8%259C%25A1%25E7%25AC%2594%25E5%25B0%258F%25E6%2596%25B0%2F&objurl=https%3A%2F%2Ftimgsa.baidu.com%2Ftimg%3Fimage%26quality%3D80%26size%3Db9999_10000%26sec%3D1582365984441%26di%3D113a3dd9d765c5fdc72b51992d0b27d7%26imgtype%3D0%26src%3Dhttp%253A%252F%252Fi1.hdslb.com%252Fbfs%252Farchive%252Faf72eaa449baa2f87f6a43afd11ebe070a444b07.jpg"
                alt="蜡笔小新图片">
            <figcaption>蜡笔小新图片</figcaption>
        </figure>
        <img src="../02/78.png" alt="">
    </main>
    <footer>
        <p>练习时间：2020-2-18</p>
    </footer>
</body>

</html>
